<template>
  <div style="width: 100vw; height: 100vh">
    <screenInfo />
   <menuHead />
    <VisualTemplate :option="mainConfig">
      <!-- 依次写出需要展示的单元，单元数（sectionArr.length）
        <div class="box" :slot="index" v-for="(item,index) in mainConfig.sectionArr">
            <span>{{item}}</span>   
        </div> -->
      <div slot="1">
        <!-- 第一个单元 -->
        <div class="content-item">
          <oneOne />

          <!-- <oneThree />
          <oneTwo /> -->
        </div>
      </div>
      <div slot="2">
        <!-- 第二个单元 -->
        <div class="content-item">
          <twoOne />
          <!-- <twoTwo /><twoThree /> -->
        </div>
      </div>
      <div slot="3">
        <!-- 第三个单元 -->
        <div class="content-item"><threeOne /></div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
      <div slot="4">
        <!-- 第四个单元 -->
        <div class="content-item">
          <FourOne />
        </div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
      <div slot="5">
        <!-- 第五个单元 -->
        <div class="content-item">
          <!-- <FiveOne  /> -->
          <FiveTwo />
        </div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
      <div slot="6">
        <!-- 第6个单元 -->
        <div class="content-item">
          <el-col  :span="24" >
            <SixOne />
          </el-col>
        </div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
      <div slot="7">
        <!-- 第6个单元 -->
        <div class="content-item">
           <SevenOne />
        </div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
      <div slot="8">
        <!-- 第6个单元 -->
        <div class="content-item">
             <EightOne />
        </div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
      <div slot="9">
        <!-- 第6个单元 -->
        <div class="content-item">
          <NineOne />
        </div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
      <div slot="10">
        <!-- 第6个单元 -->
        <div class="content-item">
          <titleHead :title="'系统资源利用率排名'" />
          <el-col :span="12">
            <TenOne :type="1" />
          </el-col>
          <el-col :span="12">
            <TenOne :type="2" />
          </el-col>
        </div>

        <!--<dv-decoration-3 style="width:250px;height:30px;" /> DataV装饰器-->
      </div>
    </VisualTemplate>
    <menuHead2 />
  </div>
</template>

<script>
import drawMixin from "@/utils/drawMixin";
//import chart1 from "@/views/components/1";
//import chart2 from "@/views/components/2";
//import chart4 from "@/views/components/4";
//import chart5 from "@/views/components/5";
import oneOne from "@/views/components/8/1-1";
//import oneTwo from "@/views/components/8/1-2";
//import content1 from "@/views/components/8/1-1"
//import oneThree from "@/views/components/8/1-3";
import twoOne from "@/views/components/8/2-1";
import twoTwo from "@/views/components/8/2-2";
import twoThree from "@/views/components/8/2-3";
import threeOne from "@/views/components/8/3-1";
//import threeTwo from "@/views/components/8/3-2";
import FourOne from "@/views/components/8/4-1";
import FourTwo from "@/views/components/8/4-2";
import FiveOne from "@/views/components/8/5-1";
import FiveTwo from "@/views/components/8/5-2";
import SixOne from "@/views/components/8/6-1";
import SevenOne from "@/views/components/8/7-1"
import EightOne from "@/views/components/8/8-1"
import NineOne from "@/views/components/8/9-1";
import TenOne from "@/views/components/8/10-1";
// import FiveThree from "@/views/components/8/5-3";
// import FiveFour from "@/views/components/8/5-4";
//import threeThree from "@/views/components/8/3-3";
// import centerRight1 from "./centerRight1";
// import centerRight2 from "./centerRight2";
// import center from "./center";
// import bottomLeft from "./bottomLeft";
// import bottomRight from "./bottomRight";
import data from "@/views/config/index8";
import VisualTemplate, {
  visualConfig,
  visualSetOptions,
} from "@/components/visual-platform";
const menu1 = [
  {
    title: "政务服务",
    url: "",
  },
  {
    title: "服务效能",
    url: "",
  },
  {
    title: "特别呈报",
    url: "",
  },
  {
    title: "应急调度",
    url: "",
  },
  {
    title: "经济发展",
    url: "",
  },
];
export default {
  components: {
    VisualTemplate,
    // chart1,
    //chart2,
    // chart4,
    // chart5,
    oneOne,
    //oneTwo,
    //oneThree,
    twoOne,
    twoTwo,
    twoThree,
    threeOne,
    //threeTwo,
    FourOne,
    FourTwo,
    SixOne,
    FiveOne,
    FiveTwo,
    SevenOne,
    EightOne,
    TenOne,
    NineOne,
    // FiveThree,
    // FiveFour,
    //threeThree
    //content1
    //title,
    // bottomRight,
  },
  mixins: [drawMixin],
  data() {
    return {
      menu1,
      defConfig: data,
    };
  },
  created() {
    this.mainConfig = visualSetOptions(this.defConfig);
    //this.getInfo({ name: "yunwang" });
  },
};
</script>

<style>
.content-item {
  padding: 50px 20px;
  color: aliceblue;
}
</style>